<template>
    <div class="consult">
      <!--内容-->
      <div class="chat-content">

      </div>
      <!--底部发送按钮-->
      <div class="send-wrapper">
        <div class="enter-input">
          <input type="text">
        </div>
        <div class="send">发送</div>
      </div>
    </div>
</template>

<script>
  export default {
    name: "consult"
  };
</script>

<style scoped lang="less">
  .chat-content {
    background-color:@bg_color;
  }
  .send-wrapper {
    background-color:@bg_color;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    box-sizing: border-box;
    padding:20rpx 33rpx 20rpx 27rpx;
  }
  .enter-input {
    width:580rpx;
    height:64rpx;
    border:1px dotted #333;
    align-self:center;
  }
  .enter-input > input {
    height:64rpx;
    line-height:64rpx;
  }
  .send {
    width:90rpx;
    height:54rpx;
    line-height:54rpx;
    text-align:center;
    border-radius:5rpx;
    margin-left:10rpx;
    color:#fff;
    background-color:#2B80FF;
    align-self:center;
  }
</style>
